import { createApp } from 'vue'
// import './style.css'
import ElementPlus from 'element-plus'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import 'element-plus/dist/index.css'
import Vant from 'vant'
import 'vant/lib/index.css' // Vant全局引入样式
import App from './App.vue'
import { useRouter } from './router'
import usePinia from './store'
// import axios from 'axios'
import 'intersection-observer';
import { DropdownMenu, DropdownItem,Search,Button,Icon,Skeleton   } from 'vant'
import 'animate.css';

const app = createApp(App)

usePinia(app)
useRouter(app)

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
  }

//   app.config.globalProperties.axios=axios
// axios.defaults.baseURL='http://localhost:3000/'
app.use(ElementPlus);
app.use(Vant);
app.use(DropdownMenu);
app.use(DropdownItem);
app.use(Search);
app.use(Button);
app.use(Icon);
app.use(Skeleton)


app.mount('#app')
